﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no"/>
    <title>钟创汇</title>
    <link rel="stylesheet" href="../static/m/css/index.css"/>
    <link rel="stylesheet" href="../static/m/css/glabol.css"/>
	<%@ include file="/base/jsp/include.jsp"%>
    <script>
    //活动详情
        (function (global){
            function remChange ()
            {
                var deviceWidth = document.documentElement.clientWidth;
                if(deviceWidth > 640) deviceWidth = 640;
                document.documentElement.style.fontSize = deviceWidth / 6.4 + 'px';
            }
            remChange();
            global.addEventListener('resize',remChange,false);
        })(window); 
        
        $(function(){
        	var htmls="";
        	var images = '${data.image}';
        	var actName = '$data.activityName';
        	if(images==""){
        		for(var i = 0; i<actName.length; i++){
            		htmls+='<img onclick="BigPic(this)" style="width: 28%; height: 28%; display: inline-block; margin:.1rem .1rem ">'
            	}
        	}else{
        		var image = new Array();
            	image = images.split(",");
            	for(var i = 0; i<image.length; i++){
            		htmls+='<img onclick="BigPic(this)" style="width: 28%; height: 28%; display: inline-block; margin:.1rem .1rem " src="../../zch/download?id='+image[i]+'">'
            	}
        	}
        	
        	$("#main").html(htmls);
        	if('${data.name2}'==""){
        		$("#onlyTwo").hide();
        		$(".bm-one").css("border-bottom","none");
        	}
        	if('${data.name3}'==""){
        		$("#onlyThree").hide();
        		$(".bm-one").css("border-bottom","none");
        	}
        });
    </script>
	<script src="../static/m/js/common.js"></script>
</head>

<body>
<div class="wrap">
<!-- 背景遮罩 -->
	<div class="bg-black dis_none"></div>
    <strong><p class="c-30 p-title" style="text-align: center">${data.activityName}</p></strong>
    <div class="c-30 other-tips">
        <table class="style-1">
            <tr>
                <td style="text-align:right;width: 28%;">活动类型：</td><td> ${data.activityTypeName}</td>
            </tr>
            <tr>
                <td style="text-align:right;width: 28%;">活动时间：</td><td>${data.time}</td>
            </tr>
            <tr>
                <td style="text-align:right;width: 28%;">活动地点：</td><td>${data.area }</td>
            </tr>
        </table>
    </div>
    <div class="c-30 cont">
        ${data.content }
        <br/>
        <div id = "main"></div>
		<!-- <img style="width: 33%; height: 33%; display: inline-block;" src="../static/m/img/pic-01.png">
		<img style="width: 33%; height: 33%; display: inline-block;" src="../static/m/img/pic-01.png">
		<img style="width: 33%; height: 33%; display: inline-block;" src="../static/m/img/pic-01.png"> -->
        <div class="bm">
            <div class="top">
                <div class="bm-one" id = "onlyOne">
                    <div class="left">
                        <span>1</span>
                    </div>
                    <div class="right">
                        <table>
                            <tr>
                                <th>特邀嘉宾：</th><td>${data.name }</td>
                            </tr>
                            <tr>
                                <th>单位：</th><td>${data.company }</td>
                            </tr>
                            <tr>
                                <th>职务：</th><td>${data.job }</td>
                            </tr>
                            <tr>
                                <th>专业领域：</th><td>${data.zyly }</td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="bm-one" id = "onlyTwo">
                    <div class="left">
                        <span>2</span>
                    </div>
                    <div class="right">
                        <table>
                            <tr>
                                <th>特邀嘉宾：</th><td>${data.name2 }</td>
                            </tr>
                            <tr>
                                <th>单位：</th><td>${data.company2 }</td>
                            </tr>
                            <tr>
                                <th>职务：</th><td>${data.job2 }</td>
                            </tr>
                            <tr>
                                <th>专业领域：</th><td>${data.zyly2 }</td>
                            </tr>
                        </table>
                    </div>
                </div>

                <div class="bm-one" id = "onlyThree">
                    <div class="left">
                        <span>3</span>
                    </div>
                    <div class="right">
                        <table>
                            <tr>
                                <th>特邀嘉宾：</th><td>${data.name3 }</td>
                            </tr>
                            <tr>
                                <th>单位：</th><td>${data.company3 }</td>
                            </tr>
                            <tr>
                                <th>职务：</th><td>${data.job3 }</td>
                            </tr>
                            <tr>
                                <th>专业领域：</th><td>${data.zyly3 }</td>
                            </tr>
                        </table>
                    </div>
                </div>

            </div>
            <!--top end-->

        </div>
        <!--bm end-->


    </div>
    <!--cont end-->

    <div class="btn-link">
        <a href="../share.html" class="a-link-b">参加活动</a><!--跳APP下载-->
    </div>

	<div class="Img_panel"></div>
</div>
</body>
</html>
